---
layout: page
title: "About"
description: "Hey, this is fanzhongrui."
header-img: "img/post-bg-rwd.jpg"
---

<!-- Language Selector -->
<select class="sel-lang" onchange= "onLanChange(this.options[this.options.selectedIndex].value)">
    <option value="0" selected> 中文 Chinese </option>
    <option value="1"> 英文 English </option>
</select>

<!-- Chinese Version -->
<div class="zh post-container">

    <!--copied from markdown -->
    <blockquote><p>冰冻三尺 非一日之寒，<br>
    积土成山 非斯须之作<br>
    下了决心要做的事，要保持不动声色却满心澎湃 </p></blockquote>

    <p>Hey，我是<strong>fzr</strong>。</p>

    <p>这是我的利用 <a href="https://pages.github.com/">GitHub Pages</a> 与 <a href="http://jekyll.com.cn/">Jekyll</a> 搭建的 个人博客。我在GitHub主页<a href="https://github.com/zrfan/zrfan.github.io">GitHub·fanzhongrui</a>。</p>

    <p>工作经历：</p>
    <p>2019-08~至今:</p>
    <p>2017-07~2019-08：</p>
    <p>2016-05~2016-07:</p>
    <p>2016-08~2016-10:</p>

    <p></p>
    
    <h5>Thanks</h5>

    <ul>
    <li><a href="https://github.com">GitHub</a></li>
    <li><a href="http://jekyll.com.cn/">jekyll</a></li>
    <li><a href="https://pages.github.com/">GitHub Pages</a></li>
    <li><a href="http://qiubaiying.github.io/">BY</a></li>    </ul>
</div>

<!-- English Version -->
<div class="en post-container">
    <blockquote><p>Yet another programmer. <br>
    Yet another Life-long Student.</p></blockquote>

    <p>Hi, I am <strong>Fanzhongrui</strong>，you can call me <strong>fzr</strong>. I am a software engineer</p>

    <p>This is my personal blog, through making Github Pages and Jekyll.My GitHub  👉 <a href="http://github.com/zrfan/zrfan.github.io">Github·fanzhongrui</a>.</p>
    
    <p>Work Experience.</p>

    <h5>Thanks</h5>

    <ul>
    <li><a href="https://github.com">GitHub</a></li>
    <li><a href="http://jekyll.com.cn/">jekyll</a></li>
    <li><a href="https://pages.github.com/">GitHub Pages</a></li>
    <li><a href="https://qiubaiying.github.io">BY</a></li>
    </ul>
</div>

<!-- Handle Language Change -->
<script type="text/javascript">
    // get nodes
    var $zh = document.querySelector(".zh");
    var $en = document.querySelector(".en");
    var $select = document.querySelector("select");

    // bind hashchange event
    window.addEventListener('hashchange', _render);

    // handle render
    function _render(){
        var _hash = window.location.hash;
        // en
        if(_hash == "#en"){
            $select.selectedIndex = 1;
            $en.style.display = "block";
            $zh.style.display = "none";
        // zh by default
        }else{
            // not trigger onChange, otherwise cause a loop call.
            $select.selectedIndex = 0;
            $zh.style.display = "block";
            $en.style.display = "none";
        }
    }

    // handle select change
    function onLanChange(index){
        if(index == 0){
            window.location.hash = "#zh"
        }else{
            window.location.hash = "#en"
        }
    }

    // init
    _render();
</script>
